<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>工时查询</title>
    <link rel="stylesheet" href="../css/05GSCX.css">
</head>

<body>
<div class="body">
    <div class="top">
        <div class="nav-top">
            <div id="menu_left">
                <img src="../image/02main.jpg" />
            </div>
            <div class="title">
                <img class="img1" src="../image/daohangtiao1.jpg" />
                <div class="tab">
                    <table>
                        <tr>
                            <td><a href="/employee/02main" style="margin-left:6px; color:#cfdef7; font-family:黑体;z-index:100;position:relative;">我的中心</a></td>
                        </tr>
                    </table>
                </div>
                <img class="img2" src="../image/daohangtiao1.jpg" />
                <div class="tab">
                    <table>
                        <tr>
                            <td><a href="/team/04dengji" style="margin-left:80px; color:#cfdef7; font-family:黑体;z-index:100;position:relative;">在线登记</a></td>
                            <td><a href="/team/04dengji" style="color:#cfdef7; font-family:黑体;z-index:100;position:relative;">×</a></td>
                        </tr>
                    </table>
                </div>
                <img class="img3" src="../image/daohangtiao2.jpg" />
                <div class="tab">
                    <table>
                        <tr>
                            <td><a href="/whour/showWhour" style="margin-left:160px; color:#006ce0; font-family:黑体;"><b>工时查询</b></a></td>
                            <td><a href="/whour/showWhour" style="color:#a1a4a6; font-family:黑体;"><b>×</b></a></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="menu_rigth">
                <p class="p2" style="color: white">欢迎您，</p><p class="p1">${sessionScope.employee.name}</p>
                <ul>
                    <li class="li1"><a href="#"><img src="../image/daohangtiao_suo.jpg" style="margin-left:95px; width:18px; height:18px;"/></a></li>
                    <li class="li2"><a href="/index/signout"><img src="../image/daohangtiao_out.jpg" style="margin-left:130px; width:18px; height:18px;" /></a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="content1">
            <div class="content2">
                <div class="div1">
                    <span>查询时间</span><input type="date" value="2016-03-01" class="input2"/>-<input type="date" value="2016-03-01" class="input2"/>
                    <span>项目团队 </span>
                    <select class="select">
                        <option value="CRM应用团队">CRM应用团队</option>
                        <option value="JAVA应用团队">JAVA应用团</option>
                    </select>
                    <span>员工姓名</span>
                    <input type="text" value="输入姓名/工号查询" class="input1"/><button class="button2">查询</button>
                    <button class="button1">导出查询结果</button>
                </div>
                <table class="pure-table pure-table-horizontal">
                    <thead class="thead1">
                    <tr>
                        <th>序号</th>
                        <th style="width:180px;">项目组</th>
                        <th>工号</th>
                        <th>姓名</th>
                        <th>日期</th>
                        <th>餐券数</th>
                        <th>开始时间-结束时间</th>
                        <th>加班时长</th>
                        <th>加班类型</th>
                        <th>值班方式</th>
                        <th style="width:170px;">备注信息</th>
                    </tr>
                    </thead>

                    <c:forEach items="${whourList}" var="list">
                    <tbody>

                     <tr>
                        <td>${list.id}</td>
                        <td>CRM应用团队</td>
                        <td>${list.emp_number}</td>
                        <td>刘小芸</td>
                        <td><fmt:formatDate value="${list.begin}" pattern="yyyy年M月dd日"/></td>
                        <td>${list.leave}</td>
                         <td><fmt:formatDate value="${list.begin}" pattern="hh:mm:ss"/>~<fmt:formatDate value="${list.end}" pattern="hh:mm:ss"/></td>
                        <td>${list.type}</td>
                        <td>${list.way}</td>
                        <td></td>
                        <td width="160"></td>
                    </tr>

                    </tbody>
                    </c:forEach>
                </table>
                <div>
                    <h3>本次查询加班：<span class="span1">20</span>小时</h3>
                    <div class="final">
                        <a href="#" class="a1"><b> < </b></a>&nbsp;&nbsp;
                        <select class="select1">
                            <option value="第一页">第一页</option>
                            <option value="第二页">第二页</option>
                        </select>
                        &nbsp;&nbsp;<a href="#" class="a2"><b> > </b></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="bottom">
        Copyright © 2015 中国电信股份有限公司福建分公司. All Rights Reserved
    </div>
</div>
</body>
</html>
